@import '../../assets/styles/vars.less';

.item {
  display: flex;
  padding: @base-size * 2;
  border-bottom: 1px solid @border-color;

  .img-wrapper {
    flex: 1;
    margin-right: @base-size * 2;
    border-radius: 2PX;
    overflow: hidden;
  }

  .info-wrapper {
    flex: 3;

    .title {
      .base-title;
      .no-wrap;
      height: @base-size * 4;
      line-height: @base-size * 4;
    }

    .meta {
      margin-bottom: @base-size / 2;
      font-size: @text-size;
      color: @text-color-sub;

      &:last-child {
        margin-bottom: 0;
      }

      .address {
      }

      .need {
        color: @orange;
      }
    }
  }
}
